<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" isELIgnored="false" session="true" %>
<%@taglib prefix="s" uri="http://www.springframework.org/tags"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
<head>
    <base href="<%=basePath%>">
    <title><s:message code="M_3400_MASK_MANAGEMENT_TAG" /></title>
    <%@ include file="/page/comPage/comCSS.html"%>
    <link href="lib/datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">

    <%@ include file="/page/comPage/navbar.html"%>
    <style>
        #divLeft{
            padding-left: 0px;
        }
        #toolMaskListDiv{
            padding-left:0px;
            margin-left: 0px;
        }
        #setMaskListDiv{
            margin-left: 0px;
        }
    </style>
</head>
<body>

<div class="container-fluid col-lg-11 col-md-11 col-sm-11 col-md-offset-1 col-md-offset-1 col-md-offset-1" >
    <div class="row" style="margin-bottom: 15px">
        <button class="btn btn-primary" id="query_btn"><s:message code="QUERY_TAG"/></button>
    </div>
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-4" style="padding-left: 0px;">
            <fieldset>
                <legend><s:message code="SELECT_TOOL_TAG"/></legend>
                <div class="row ">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label class="control-label col-lg-3 col-md-3 col-sm-3" for="toolSelNo"><s:message code="TOOL_ID_TAG"/></label>
                            <div class="col-lg-5 col-md-5 col-sm-5">
                                <select id="toolSelNo" class="form-control" style="width: 100%"></select>
                            </div>
                        </div>
                    </form>
                </div>
            </fieldset>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-md-push-2 col-sm-push-2 col-sm-push-2">
            <fieldset>
                <legend><s:message code="TOOL_INFO_TAG"/></legend>
                <div class="row ">
                    <form class="form-horizontal">
                        <div class="form-group divTop">
                            <label class="control-label col-lg-3 col-md-3 col-sm-3 col-md-push-1 col-lg-push-1 col-sm-push-1 label_class" for="toolIdSpan" style="text-align: left">
                                <s:message code="TOOL_ID_TAG" />
                            </label>
                            <div class="col-lg-7 col-md-7 col-sm-7 col-md-push-1 col-lg-push-1 col-sm-push-1 "style="margin-top: 6.5px;">
                                <span id="toolIdSpan"></span>
                            </div>
                        </div>
                        <div class="form-group divTop">
                            <label class="control-label col-lg-3 col-md-3 col-sm-3 col-md-push-1 col-lg-push-1 col-sm-push-1 label_class" for="toolStatSpan" style="text-align: left">
                                <s:message code="TOOL_STAT_TAG" />
                            </label>
                            <div class="col-lg-7 col-md-7 col-sm-7 col-md-push-1 col-lg-push-1 col-sm-push-1 "style="margin-top: 6.5px;">
                                <span id="toolStatSpan"></span>
                            </div>
                        </div>
                        <div class="form-group divTop">
                            <label class="control-label col-lg-3 col-md-3 col-sm-3 col-md-push-1 col-lg-push-1 col-sm-push-1 label_class" for="toolStatDscSpan" style="text-align: left">
                                <s:message code="TOOL_STAT_EXPLAIN" />
                            </label>
                            <div class="col-lg-7 col-md-7 col-sm-7 col-md-push-1 col-lg-push-1 col-sm-push-1 "style="margin-top: 6.5px;">
                                <span id="toolStatDscSpan"></span>
                            </div>
                        </div>
                        <div class="form-group divTop">
                            <label class="control-label col-lg-3 col-md-3 col-sm-3 col-md-push-1 col-lg-push-1 col-sm-push-1 label_class" for="toolModeSpan" style="text-align: left">
                                <s:message code="TOOL_PATTERN_TAG" />
                            </label>
                            <div class="col-lg-7 col-md-7 col-sm-7 col-md-push-1 col-lg-push-1 col-sm-push-1 "style="margin-top: 6.5px;">
                                <span id="toolModeSpan"></span>
                            </div>
                        </div>
                        <div class="form-group divTop">
                            <label class="control-label col-lg-3 col-md-3 col-sm-3 col-md-push-1 col-lg-push-1 col-sm-push-1 label_class" for="recipeIdSpan" style="text-align: left">
                                <s:message code="RECIPE_ID_TAG" />
                            </label>
                            <div class="col-lg-7 col-md-7 col-sm-7 col-md-push-1 col-lg-push-1 col-sm-push-1 "style="margin-top: 6.5px;">
                                <span id="recipeIdSpan"></span>
                            </div>
                        </div>
                    </form>
                </div>
            </fieldset>
        </div>
    </div>

    <div class="row" id="divTotal">
        <div class="col-lg-4 col-md-4 col-sm-4" id="divLeft">
            <fieldset>
                <legend>可用治工具列表</legend>
                <div id="toolMaskListDiv" class="row">
                    <table id="toolMaskListGrd"></table>
                    <div id="toolMaskListPg"></div>
                </div>
            </fieldset>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-2">
            <div class="row" style="margin-top: 100px;height: 50px;">
                <button class="btn btn-primary" id="mount_btn" style="width:100px;margin-left: 70px;">
                    <s:message code="MOUNT_TAG"/></button>
            </div>
            <div class="row">
                <button class="btn btn-primary" id="unmount_btn" style="width:100px;margin-left: 70px;">
                    <s:message code="UNMOUNT_TAG"/></button>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4">
            <fieldset id="fieLeft">
                <legend>已用治工具列表</legend>
                <div id="setMaskListDiv" class="row">
                    <table id="setMaskListGrd"></table>
                    <div id="setMaskListPg"></div>
                </div>
            </fieldset>
        </div>
    </div>

</div>

<!-- Le javascript
================================================== -->
<%@ include file="/page/comPage/comJS.html"%>
<!-- datetimepicker -->
<script src="lib/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script src="lib/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>

<script src="js/page/3000/3400.js" ></script>

</body>
</html>
